<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta name="图片" content="图片">
        <meta description="图片" content="图片">
        <title>图片</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }

            div {
                width: 300px;
                margin: 30px auto 0;
                background-color: blue;
            }
            .method1 {
                display: block;
            }
            .method2 {
                /* vertical-align: top;
                vertical-align: middle; */
                vertical-align: bottom;
            }
        </style>
    </head>
    <body>
        <div>
            <img src="./images/1.jpg" height="50px">          

        </div>
        <div>
            <img class="method1 " src="./images/1.jpg" height="50px">
        </div>
        <div>
            <img class="method2 " src="./images/1.jpg" height="50px">
        </div>
      
    </body>
</html>